<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8" >
    <title>首页</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0">
    <link rel="shortcut icon" href="logo.icon">
    <link rel="stylesheet" type="text/css" href="stylesheets/index.css" >
    <style>
        @media (max-width: 1200px) {
            html{font-size:80%;}
        }
        img {
            max-width: 100%;
            height: auto;
            width: auto\9; /* ie8 */
        }
        body{
            min-width: 1000px;
            width: expression_r( document.body.clientWidth < 1000 ? "1000px" : "auto" );

        }
    </style>
</head>
<body>
    <!--头部-->
    <header class="bannerBox">
        <img src="images/banner.png" />
        <!--导航-->
        <ul class="nav">
            <li><a href="">首页</a></li>
            <li><a href="">财富中心</a></li>
            <li class="self"><a href="" >安全保障</a></li>
            <li><a href="">商家中心</a></li>
        </ul>
        <!--下载点击按钮-->
        <div class="load">
            <p>下载Android和IOS</p>
            <ul class="logoBox">
                <li><a href="">
                    <img src="images/androin.png"/>
                </a></li>
                <li><a href="">
                    <img src="images/iphone.png"/>
                </a></li>
            </ul>
        </div>
    </header>
    <!--主体内容-->
    <div class="main-container">
        <section class="find-items clearfix">
            <img src="images/styleimg.png" />
            <ul class="introduce">
                <li class="clearfix">
                    <img src="images/logoma.png" />
                    <p>扫一扫:作为用户获取我方静态提供用户咨询的一种方式，即可付款也可用于获取咨询。</p>
                </li>
                <li class="clearfix">
                    <img src="images/logotitle.png" />
                    <p>付款：用于在蓝润各消费场景中进行线下付款用。</p>
                </li>
                <li class="clearfix">
                    <img src="images/logophone.png" />
                    <p>充值：对账户中的蓝币进行充值，并对充值金额按一定比列进行赠送。</p>
                </li>
            </ul>

        </section>
        <section class="details">
            <img src="images/background.png" />
            <div class="showBox">
                <ul class="three-items">
                    <li>
                        <img src="images/items1.png" />
                        <div class="panner">
                            <p>蓝币：通过充值、赠送得来的iMall钱包里面的虚拟货币，无法提现，只能在iMall生态圈里进行消费。</p>
                        </div>
                    </li>
                    <li>
                        <img src="images/items2.png" />
                        <div class="panner">
                            <p>蓝豆：是用户通过使用iMall钱包对用户奖励的积分。蓝豆可以通过使用消费、参加活动中赠送获得。</p>
                        </div>
                    </li>
                    <li>
                        <img src="images/items3.png" />
                        <div class="panner">
                            <p>余额：真实的货币（人民币）是可以提现的（转到个人的支付宝、微信钱包、银行卡）。</p>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </div>
    <footer class="foot">
        <img src="images/footer.png"  />
        <p>客服电话：400-0777-188  COPYRIGHT 2014 ALL RIGHT RESERVED. LRGOA.COM 蜀ICP983452335号</p>
    </footer>


</body>
<script>

</script>
</html>